<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>document.cookie</title>
	</head>
	<body>
		<script>
			// 可以使用 document.cookie 属性从浏览器访问中存储的 cookie。
			alert(document.cookie) // document.cookie 值由 name=value 组成，以 ; 分隔。

			// 可以对 document.cookie 进行写入操作，但对其赋值会被特殊处理。对 document.cookie 的写入操作只会更新其中提到的 cookie，而不会涉及其他 cookie。
			let name = encodeURIComponent('my name')
			let value = encodeURIComponent('John Doe')
			document.cookie = name + '=' + value // 追加一个 cookie（不会覆盖之前的 cookie），大小不能超过4KB。
			alert(document.cookie)

			// 设置 cookie 及其配置属性示例：
			document.cookie = `${name}=${value}; expires=Thu, 31 Dec 2023 23:59:59 GMT; path=/; domain=www.example.com; secure; samesite=lax`
		</script>
	</body>
</html>
